<template>
  <div class="ebook-footer">
    <span class="ebook-footer-text">{{this.progress + '%'}}</span>
<!--    <span class="ebook-footer-text">{{this.paginate}}</span>-->
  </div>
</template>

<script type="text/ecmascript-6">
import { ebookMixin } from '../../utils/mixin'

export default {
  name: 'EbookFooter',
  mixins: [ebookMixin]
}
</script>

<style lang="stylus" scoped>
  @import '../../assets/styles/global.styl'
  .ebook-footer
    position: absolute
    bottom: 0
    left: 0
    z-index: 100
    width: 100%
    height: px2rem(48)
    padding: 0 px2rem(15)
    box-sizing: border-box
    rightStyle()
    .ebook-footer-text
      font-size: px2rem(12)
      color: #6d7178
</style>
